@import '../../../../../css/colorVar.less';
.basicInfoContain {
  width: 100%;
  height: 100%;
  .basicInfo {
    display: flex;
    justify-content: space-around;
  }
  .basicTitle {
    display: flex;
    padding: 0 1px;
    width: 100%;
    height: 40px;
    background: #ffffff;
    border-radius: 4px;
    border: 1px solid rgba(67, 118, 255, 20%);
    margin: 0 1px 8px;
    > div {
      flex: 1 1 0%;
      text-align: right;
      margin-right: 20px;
      line-height: 40px;
    }
    > div:first-child {
      margin: 0;
    }
  }
  .baseRow {
    width: 49.5%;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 8px;
    .basicItem {
      width: 100%;
      height: 40px;
      background: @table_odd_bg;
      border-radius: 4px;
      border: 1px solid @cardC_border;
      margin-bottom: 8px;
      .itemBox {
        line-height: 40px;
        display: flex;
        font-size: 14px;
        font-family: PingFangSC-Medium, PingFang SC;
        font-weight: 400;
        color: @table_body_text;
        .leverageRatio {
          display: inline-block;
          height: 18px;
          width: 18px;
          border-radius: 3px;
          line-height: 16px;
          text-align: center;
          margin-left: 10px;
        }
        .leverageRatioLow {
          border: 1px solid @text_a_Tag;
          color: @text_a_Tag;
        }
        .leverageRatioMedium {
          border: 1px solid @arrow_green;
          color: @arrow_green;
        }
        .leverageRatioHeigh {
          border: 1px solid @arrow_red;
          color: @arrow_red;
        }
        .itemTitle {
          margin-left: 20px;
        }
        .itemResult {
          // margin-right:20px;
        }
        .itemChangeRed {
          font-weight: 500;
          color: @arrow_red;
        }
        .itemChangeGreen {
          font-weight: 500;
          color: @text_green;
        }
        .itemNodata {
          font-size: 14px;
          font-family: PingFangSC-Medium, PingFang SC;
          font-weight: 400;
          color: @table_body_text;
        }
      }
    }
  }
}
